<template>
    <van-tabbar v-model="active" route>
        <van-tabbar-item v-for="(item,index) in tabs" :key="index" :icon="item.icon" :to="item.to">{{item.name}}</van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    data() {
    return {
      active: 0,
      tabs:[
        {icon:'home-o',name:'首页',to:'/index/home'},
        {icon:'send-gift-o',name:'爆爆团',to:'/index/tuan'},
        {icon:'comment-o',name:'订单',to:'/index/order'},
        {icon:'contact',name:'我的',to:'/index/mine'},
      ]
    };
  },
}
</script>

<style>

</style>